<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style type="text/css">
        html,body,div,ul,li,a{
            margin:0;
            padding:0;
            list-style:none;
        }
        a, a:hover{
            color:#000;
            border:0;
            text-decoration:none;
        }
        #warp,#head,#main,#foot
        {
            width: 962px;
        }
        /*设置居中*/
        #warp{
            margin: 0 auto;
        }
        #head{
            height:132px;
            position:relative;
        }
        .logo{
            position:absolute;
            top:17px;
            left: 20px;
        }
        .head_pic{
            position:absolute;
            top:17px;
            left:420px;
        }
        .sc{
            position:absolute;
            right:5px;
            top:12px;
        }
        .sc a{
            padding-left:20px;
            color:#666;
        }
        .nav{
            width:960px;
            height:42px;
            line-height:42px;
            position:absolute;
            bottom:0px;
            background:url(img/nav_bj.jpg) no-repeat center;
        }
        .nav ul{
            float:left;
            padding:0 10px;
        }
        .nav li{
            float:left;
            background:url(img/li_bj.jpg) no-repeat right center;
            padding-right:40px;
            padding-left:20px;
            text-align:center;
            display:inline;
        }
        .nav li a{
            font-size:14px;
            font-family:Microsoft YaHei !important;
            white-space:nowrap;
        }
        .nav li a:hover{
            color:#FBECB7;
        }



        .div1{
            background-color:#FF0000;
            width:2000px;
            height:2000px;
        }
        .div2{
            background-color:#33FF66;
            width:100px;
            height:100px;
            position:fixed;
            left:50px;
            top:50px;
        }
    </style>
    <title></title>
</head>
<body>
<div id="warp">
    <div id="head">
        <div class="logo" ><img src="img/logo.jpg" alt="这里是logo" /></div>
        <div class="head_pic"><img src="img/head_pic.jpg" alt="这个头部" /></div>
        <div class="sc">
            <a href=""><img src="img/sc_btn.jpg" alt="图片1"/></a>
            <a href=""><img src="img/sy_btn.jpg" alt="图片2"/></a>
            <a href=""><img src="img/kf_btn.jpg" alt="图片3"/></a>
        </div>
        <div class="nav">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">团队文化</a></li>
                <li><a href="">公司动态</a></li>
                <li><a href="">资讯参考</a></li>
                <li><a href="">业务中心</a></li>
                <li><a href="">合作银行</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
        </div>
    </div>



    <div id="main">xxxxxxx</div>
    <div id="foot">xxx</div>



    <div class="div1">层1</div>
    <div class="div2">层2</div>
</div>
</body>
</html>